<style>
    .btn{
        font-size: 1.1em;width:5em;
        border: 0;
        border-radius: 0.5em;
        height: 2.2em;
        color: #ffffff;
        background-color: #F74042;
        -webkit-appearance: none;
    }
    .bcmsg1{
        position: fixed;z-index: 9999;width:100%;left: 0;right: 0;
        text-align:center;
        margin-left:auto;margin-right:auto;top: 25%;color: red
    }
    .bcmsg{
        border-radius: 0.5em;padding:0.5em;background-color:  rgba(150,150,150,0.7);
    }
</style>
<!--<script>-->
    <!--$(document).ready(function(){-->
        <!--$('#inputImage').click();-->
    <!--});-->
<!--</script>-->
<div id="header">
    <!--<span class="icon-icon-07" style="float: left;margin-left: 1em;line-height: 2.5em" onclick="history.go(-1);"></span><span>选择城市</span>-->
    <i class="icon-icon-07" style="font-size: 1.2em;padding-left: 0.5em;float: left;position: absolute;line-height: 2.1em;left: 0;" ng-click="goBack()"></i>
    <span>图片上传</span><!--onclick="$('#inputImage').click()"-->
    <span style="padding-right: 5.5em;font-size: 1em;color:#ffffff;top:0.25em;float: right;position: absolute;right: 0;" ><!--设置一个透明的input file,click在安卓原生浏览器不能触发-->
        <input type="file" id="inputImage" accept="image/*" style="opacity: 0;position: absolute;width: 2.5em;height: 2em;top: 0;">
        <div style="background-color: #F74042;height: 2em;width: 2.7em;line-height: 1.9em;border-radius: 0.3em;border: 1px solid #ffffff">选择</div>
    </span>
    <span style="padding-right: 1.8em;float: right;position: absolute;top:0.25em;right: 0;" ng-click="upLoad()">
        <div style="background-color: #F74042;height: 2em;width: 2.7em;line-height: 1.9em;border-radius: 0.3em;border: 1px solid #ffffff">完成</div></span>
    <i class="icon-icon-08" style="font-size: 1.2em;padding-right: 0.5em;float: right;position: absolute;line-height: 2.1em;right: 0;" ng-click="upLoad()"></i>

</div>
<div id="cr" style="margin-top: 2.7em;" ng-Cropper>
    <div class="eg-wrapper">
        <!--<img class="cropper" src="../javascripts/slider/img/example-slide-1.jpg" alt="示例">-->
        <img class="cropper" src="../image/beijing.png" alt="示例">
    </div>
    <!--<div class="preview preview-lg"><div style="padding: 8px 0 0 8px;">预览</div></div>-->
    <div style="clear: both;padding-top: 5px;"></div>
    <!--<div style="width: 100%;text-align: center;">
        &lt;!&ndash;<button type="button" id="zoomIn" class="color1 btn">放大</button>
        <button type="button" id="zoomOut" class="color1 btn">缩小</button>&ndash;&gt;
        <input type="button"  onclick="$('#inputImage').click()"  class="color1 btn" value="选择图片"/>
    </div>-->
    <div ng-show="umsg" class="bcmsg1" ><span class="bcmsg" id="progress">asdfsd</span> </div>
</div>
<!--<input type="file" id="inputImage"   accept="image/*" style="display: none;">--><!--multiple-->
<input id="dataX" name="coords" type="text" placeholder="x" style="display: none"/>
<input id="dataY" name="coords" type="text" placeholder="y" style="display: none"/>
<input id="dataWidth" name="coords" type="text" placeholder="width" style="display: none"/>
<input id="dataHeight" name="coords" type="text" placeholder="height" style="display: none"/>

